<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<title> 签到活动配置 </title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	<meta content="telephone=no" name="format-detection"/>
	<link rel="stylesheet" type="text/css" href="../public/css/sign_config.css?v=2017050901"/>
</head>
<body>
	<div class="header">
		<a class="history" href="javascript:history.go(-1);"></a>
		<span class="title">签到活动配置</span>
	</div>

	<div class="contents">
		<div class="pindao-item">
			<ul class="list">
				<li>
					<a href="javascript:void(0)">
						<span class="name">活动名称</span>
						<div class="input-text">
							<input class="input" type="text" placeholder="请输入活动名称" />
						</div>
						<!-- <i class="jiantou"></i> -->
					</a>
				</li>
				<li id="showCityPicker2">
					<a href="javascript:void(0);">
						<span class="name">开始时间</span>
						<div class="input-text">
							<span class="add-text" id="cityResult2"></span>
						</div>
						<i class="jiantou"></i>
					</a>
				</li>
				<li id="showCityPicker">
					<a href="javascript:void(0);">
						<span class="name">结束时间</span>
						<div class="input-text">
							<span class="add-text" id="cityResult"></span>
						</div>
						<i class="jiantou"></i>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<span class="name">活动周期</span>
						<div class="input-text">
							<span class="add-text" id=""></span>
						</div>
						<i class="jiantou"></i>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<span class="name">活动说明</span>
						<div class="input-text">
							<span class="add-text" id=""></span>
						</div>
						<i class="jiantou"></i>
					</a>
				</li>
			</ul>
		</div>
		<div class="pindao-item">
			<div class="hd-header">
				<span class="hd-title">奖品1</span>
				<span class="hd-close icon i-close"></span>
			</div>
			<ul class="list">
				<li>
					<!-- 图片上传 -->
					<div class="upload clearfix li-left">
						<div class="upload-item">
							<a class="upload-btn" href="javascript:void(0);">
								<input class="upload-btn-input" type="file" name="图片上传" />
							</a>
						</div>
					</div>
					<div class="li-right">
						<p class="format">
							<span class="big">上传奖品1图片</span>
							<span class="small">(建议图片在3M以内)</span>
						</p>
					</div>
				</li>
				<li>
					<a href="javascript:void(0)">
						<span class="name">奖品名称</span>
						<div class="input-text">
							<input class="input" type="text" placeholder="请输入奖品名称" />
						</div>
						<!-- <i class="jiantou"></i> -->
					</a>
				</li>
				<li id="showCityPicker2">
					<a href="javascript:void(0);">
						<span class="name">奖项说明</span>
						<div class="input-text">
							<span class="add-text" id="cityResult2"></span>
						</div>
						<i class="jiantou"></i>
					</a>
				</li>
				<li id="showCityPicker">
					<a href="javascript:void(0);">
						<span class="name">奖品数量</span>
						<div class="input-text">
							<input class="input" type="text" placeholder="请输入奖品数量" />
						</div>
						<!-- <i class="jiantou"></i> -->
					</a>
				</li>
				<li>
					<span class="name">签到次数</span>
					<div class="input-text">
						<span class="add-text" id="cityResult"></span>
					</div>
					<i class="jiantou"></i>
				</li>
			</ul>
		</div>
		<div class="btns">
			<a class="confirmBtn" href="javascript:void(0)">增加一个奖品</a>
			<a class="confirmBtn" href="javascript:void(0)">提交</a>
		</div>
		<div class="last-message">
			<span>到底啦, 亲</span>
		</div>
	</div>

	<div class="mask">

  </div>
  <div class="dialog">
    <div class="d-header">
      <span class="header-tip">提示</span>
    </div>
    <div class="d-body">
      <span class="d-message">你有信息没有填写，请补全后再提交!</span>
    </div>
    <div class="d-footer">
      <a href="javascript:;" id="d-ok">确定</a>
    </div>
  </div>

	<div class="dialog confirm">
    <div class="d-header">
      <span class="header-tip">提示</span>
    </div>
    <div class="d-body">
      <span class="d-message">签到活动配置完成后不能取消，顾客中奖品需要当场兑换，确定配置？</span>
    </div>
    <div class="d-footer">
      <a href="javascript:;" id="c-cancel">取消</a>
			<a href="javascript:;" id="c-ok">确定</a>
    </div>
  </div>

	<div class="t-container" id="hddesc">
		<div class="header">
			<a class="history" href="javascript:history.go(-1);"></a>
			<span class="title">活动说明</span>
			<a href="javascript:;" class="finish">完成</a>
		</div>
		<div class="contents">
			<textarea class="hddesc" placeholder="请输入活动说明，不超过3000个字" name="name" rows="8" cols="80"></textarea>
		</div>
	</div>

	<div class="t-container" id="jxdesc">
		<div class="header">
			<a class="history" href="javascript:history.go(-1);"></a>
			<span class="title">奖项说明</span>
			<a href="javascript:;" class="finish">完成</a>
		</div>
		<div class="contents">
			<textarea class="hddesc" placeholder="请输入奖项说明，不超过3000个字" name="name" rows="8" cols="80"></textarea>
		</div>
	</div>


	<script type="text/javascript" src="../public/js/sea-modules/seajs/1.3.1/sea.js"></script>
	<script type="text/javascript" src="../public/js/config.js"></script>
	<script type="text/javascript" src="../public/js/business-modules/qdhdconfig.js?v=2017050501"></script>

	<!-- 日期控件 -->
	<script type="text/javascript" src="../public/js/sea-modules/mui/mui.js"></script>
	<script type="text/javascript" src="../public/js/sea-modules/mui/mui.picker.js"></script>
	<script type="text/javascript" src="../public/js/sea-modules/mui/mui.poppicker.js"></script>

	<!-- 模拟日期数据，生产时删除 -->
	<script type="text/javascript" src="../public/js/sea-modules/mui/city.data-3.js"></script>
	<script type="text/javascript" src="../public/js/sea-modules/mui/city.data-4.js"></script>
	<script>
		(function($, doc) {
			$.init();
			$.ready(function() {
				/**
				 * 获取对象属性的值
				 * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
				 * @param {Object} obj 对象
				 * @param {String} param 属性名
				 */
				var _getParam = function(obj, param) {
					return obj[param] || '';
				};

				// 行业分类
				var cityPicker2 = new $.PopPicker({
					layer: 3
				});
				cityPicker2.setData(cityData4);
				var showCityPickerButton = doc.getElementById('showCityPicker2');
				var cityResult2 = doc.getElementById('cityResult2');
				showCityPickerButton.addEventListener('tap', function(event) {
					cityPicker2.show(function(items) {
						cityResult2.innerText = /*"你选择的行业分类:" +*/_getParam(items[0], 'text') + " " + _getParam(items[1], 'text') + " " + _getParam(items[2], 'text');
						//返回 false 可以阻止选择框的关闭
						//return false;
					});
				}, false);

				// 城市列表
				var cityPicker = new $.PopPicker({
					layer: 3
				});
				cityPicker.setData(cityData3);
				var showCityPickerButton = doc.getElementById('showCityPicker');
				var cityResult = doc.getElementById('cityResult');
				showCityPickerButton.addEventListener('tap', function(event) {
					cityPicker.show(function(items) {
						cityResult.innerText = /*"你选择的城市列表:" +*/_getParam(items[0], 'text') + " " + _getParam(items[1], 'text') + " " + _getParam(items[2], 'text');
						//返回 false 可以阻止选择框的关闭
						//return false;
					});
				}, false);
			});
		})(mui, document);
	</script>
</body>
</html>
